/*
 * @Author: Moreduo 
 * @Date: 2022-01-12 16:40:02
 * @Last Modified by: Moreduo
 * @Last Modified time: 2022-01-13 17:35:58
 */
// 引用dscss核心文件
// @import "dscss/reset"; // 重置
@import "dscss/theme"; // 主题
// @import "dscss/mixin"; // 混合器
// @import "dscss/function"; // 函数

// 基础单位(默认为1px)
$base-unit: 1rpx;
// 定义颜色集合
// $theme-colors: (
//     "primary": $blue,
//     "success": $green,
//     "info": $cyan,
//     "warning": $yellow,
//     "danger": $red,
//     "dark": $gray-900,
// ) !default;
// 遍历出字体和背景颜色
// @each $colorKey, $color in $theme-colors {
//     .text-#{$colorKey} {
//         color: $color;
//     }
//     .bg-#{$colorKey} {
//         background-color: $color;
//     }
// }
// 遍历出字体大小
// 遍历出字体：fz(num)
@each $size in $font-sizes {
    .fz#{$size} {
        font-size: $size * $base-unit;
    }
}
// 遍历出所有内外边距：mgt(num),mgb(num),mgl(num),mgr(num) | pdt(num),pdb(num),pdl(num),pdr(num)
@each $typeKey, $type in $spacing-types {
    @each $dirKey, $dir in $spacing-direction {
        @each $size in $spacing-sizes {
            .#{$typeKey}#{$dirKey}#{$size} {
                #{$type}-#{$dir}: $size * $base-unit;
            }
        }
    }
}
// 遍历出flex布局(待完善)
@each $alignKey, $alignVal in $align {
    @each $justifyKey, $justifyVal in $justify {
        .flex-#{$justifyKey}-#{$alignKey} {
            display: flex;
            justify-content: #{$justifyVal};
            align-items: #{$alignVal};
        }
    }
}
